<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <title>Ergo安健之源</title>

    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- 动画 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 初始化 reset -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 头部 和 尾部 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 首页的样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />
</head>
<body>
    <header class="header">
        <div class="list glyphicon glyphicon-list"></div>
        <div class="logo">
            <img src="./assets/images/logo.png" />
        </div>
        <div class="search glyphicon glyphicon-search"></div>
    </header>
    
    <div class="banner">
        <img src="./assets/images/banner.png" />
    </div>

    <!-- 风险评估 -->
    <div class="function">
        <div class="title">风险评估</div>

        <div class="list">
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
        </div>

        <div class="box">
            <div class="back">
                <img src="./assets/images/img1.png" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
            <div class="back">
                <img src="./assets/images/img1.png" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
            <div class="back">
                <img src="./assets/images/img1.png" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 应用 -->
    <div class="app">
        <div class="title">人体工学介绍和应用</div>

        <div class="banner">
            <img class="banner_img" src="./assets/images/appback.png" />
            <div class="back">
                <h4 class="short">人体工学介绍</h4>
                <div class="taglist">
                    <span class="tag">历史</span>
                    <span class="tag">历史</span>
                    <span class="tag">历史</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<!-- jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- less解析器 -->
<script src="./assets/js/less.min.js"></script>

<!-- 懒加载 -->
<script src="./assets/js/wow.min.js"></script>